// 主题色系
$primary-blue: #3498db;
$primary-light: #74b9ff;
$primary-dark: #2980b9;
$secondary-blue: #ebf5fb;

// 课程颜色
$course-colors: (
  'blue': #4b7bec,
  'green': #2ed573,
  'orange': #ff9f43,
  'purple': #a55eea,
  'pink': #ff6b81,
  'cyan': #45aaf2
);

// 文字颜色
$text-primary: #2d3436;
$text-secondary: #636e72;
$text-muted: #b2bec3;

// 背景色
$bg-primary: #ffffff;
$bg-secondary: #f8f9fc;
$bg-gradient: linear-gradient(135deg, #3498db 0%, #2980b9 100%);

// 功能色
$success: #3498db;
$warning: #f1c40f;
$error: #e74c3c;
$info: #74b9ff;

// 卡片阴影
$shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.03);
$shadow: 0 4px 6px rgba(0, 0, 0, 0.06);
$shadow-lg: 0 8px 15px rgba(0, 0, 0, 0.08);

// 圆角
$radius-sm: 8rpx; 
$radius: 12rpx;
$radius-lg: 20rpx;
$radius-xl: 30rpx;

// 间距
$spacing-xs: 10rpx;
$spacing-sm: 20rpx;
$spacing: 30rpx;
$spacing-lg: 40rpx;

// 动画
$transition-base: all 0.3s ease;

// 字体大小
$font-size-xs: 24rpx;
$font-size-sm: 28rpx;
$font-size: 32rpx;
$font-size-lg: 36rpx;
$font-size-xl: 40rpx;

// 字重
$font-weight-normal: 400;
$font-weight-medium: 500;
$font-weight-bold: 600;

// 导出CSS变量
:root {
  --primary-color: #{$primary-blue};
  --primary-light: #{$primary-light};
  --primary-dark: #{$primary-dark};
  --secondary-blue: #{$secondary-blue};
  
  // 课程颜色变量
  @each $name, $color in $course-colors {
    --course-#{$name}: #{$color};
  }
  
  --text-primary: #{$text-primary};
  --text-secondary: #{$text-secondary};
  --text-muted: #{$text-muted};
  
  --bg-color: #{$bg-secondary};
  --bg-primary: #{$bg-primary};
  --bg-gradient: #{$bg-gradient};
  
  --success-color: #{$success};
  --warning-color: #{$warning};
  --error-color: #{$error};
  --info-color: #{$info};
  
  --shadow-sm: #{$shadow-sm};
  --shadow: #{$shadow};
  --shadow-lg: #{$shadow-lg};
  
  --radius-sm: #{$radius-sm};
  --radius: #{$radius};
  --radius-lg: #{$radius-lg};
  --radius-xl: #{$radius-xl};
  
  --spacing-xs: #{$spacing-xs};
  --spacing-sm: #{$spacing-sm};
  --spacing: #{$spacing};
  --spacing-lg: #{$spacing-lg};
  
  --transition: #{$transition-base};
} 